<script>
export default {
  name: "Detail",
  props: {
    id: String  //因为使用了id来占位，所以使用id获取值
  }
}
</script>

<template>
      <!--   获取值   -->
      <h3>params:新闻详情页面：{{$route.params.id}}</h3>
      <h3>query:新闻详情页面：{{$route.query.id}}</h3>
    <h3>RESTFUL传参解耦方式：新闻详情页面:{{id}}</h3>
  <h3>使用?传参解耦方式：新闻详情页面:{{id}}</h3>
</template>

<style scoped>

</style>